home *** CD-ROM | disk | FTP | other *** search
/ DOKAN 1 / Dokan 01.iso / BROWSERS / IE401 / ie4shl95.cab / mycomp.htt < prev    next >
Text File  |  1997-12-02  |  7KB  |  181 lines

  1. <!-- 
  2.  * This file was automatically generated by Microsoft Internet Explorer 4.0 
  3.  * using the file %TEMPLATEDIR%\mycomp.htt 
  4.  -->
  5.  
  6. <html>
  7.     <style>
  8.         body        {font: 8pt/10pt verdana; margin: 0}
  9.         #Banner        {position: absolute; width: 100%; height: 88px; background: URL(res://webvw.dll/folder.gif) no-repeat top left}
  10.         #MiniBanner    {position: absolute; width: 100%; height: 32px; background: window}
  11.         #Icon        {position: absolute; left: 11px; top: 12px; width: 64px; height: 64px}
  12.         #FileList    {position: absolute; left: 30%; top: 88px; width: 1px; height: 1px}
  13.         #Media        {margin-left: 20px; margin-top: 10px}
  14.         #Panel        {position: absolute; top: 88px; width: 30%; background: window; overflow: auto}
  15.         #PieChart    {width: 100px; height: 50px; margin-top: 10px}
  16.         #Thumbnail    {width: 160px; height: 160px; margin-top: 0px}
  17.         #Status        {margin-left: 20px}
  18.         p        {margin-left: 20px; margin-right: 8px}
  19.         p.Title        {font: 16pt/16pt verdana; font-weight: bold; color: #0099FF}
  20.         p.Warning    {font-weight: bold; color: red}
  21.         p.Links        {margin-top: 4px}
  22.         a:link        {color: #FF6633}
  23.         a:visited    {color: #0099FF}
  24.         a:active     {color: black}
  25.     </style>
  26.  
  27.     <head>
  28. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
  29.         <script language="JavaScript">
  30.             var L_Intro_Text    = "Seleccione un icono para ver su descripci≤n.";
  31.             var L_Multiple_Text    = " objectos seleccionados.";
  32.             var L_TotalSize_Text    = "Capacidad: ";
  33.             var L_UsedSpace_Text    = "Espacio utilizado: ";
  34.             var L_FreeSpace_Text    = "Espacio libre: ";
  35.  
  36.             function FixSize() {
  37.                 // this function handles fixed panel sizing and collapsing when the window resizes
  38.                 var hideTop    = 200;
  39.                 var hideLeft    = 400;
  40.                 var miniHeight    = 32;
  41.                 var ch        = document.body.clientHeight;
  42.                 var cw        = document.body.clientWidth;
  43.  
  44.                 if (hideTop > ch) {
  45.                     document.all.Banner.style.visibility = "hidden";
  46.                     document.all.MiniBanner.style.visibility = "visible";
  47.                     document.all.FileList.style.top = miniHeight;
  48.                     document.all.Panel.style.top = miniHeight;
  49.                 } else {
  50.                     document.all.Banner.style.visibility = "visible";
  51.                     document.all.MiniBanner.style.visibility = "hidden";
  52.                     document.all.FileList.style.top = (document.all.Banner.offsetHeight - 32) + "px";
  53.                     document.all.Panel.style.top = (document.all.Banner.offsetHeight) + "px";
  54.                     document.all.Rule.style.width = (cw > 84 ? cw - 84 : 0) + "px";      
  55.                 }
  56.                 if (hideLeft > cw) {
  57.                     document.all.Panel.style.visibility = "hidden";
  58.                     document.all.FileList.style.pixelLeft = 0;
  59.                     document.all.FileList.style.pixelTop = document.all.Panel.style.pixelTop;
  60.                 } else {
  61.                     document.all.Panel.style.visibility = "visible";
  62.                     document.all.FileList.style.pixelLeft = document.all.Panel.style.pixelWidth;
  63.                 }
  64.                 document.all.FileList.style.pixelWidth = cw - document.all.FileList.style.pixelLeft;
  65.                 document.all.FileList.style.pixelHeight = ch - document.all.FileList.style.pixelTop;
  66.                 document.all.Panel.style.pixelHeight = ch - document.all.Panel.style.pixelTop;
  67.             }
  68.  
  69.             function Init() {
  70.                 // call our FixSize() function whenever the window gets resized
  71.                 window.onresize = FixSize;
  72.                 FixSize();
  73.                 Info.innerHTML = L_Intro_Text;
  74.             }
  75.         </script>
  76.  
  77.         <script language="JavaScript" for="FileList" event="SelectionChanged">
  78.             // this script updates the left info Panel when you select icons
  79.             var items    = FileList.FocusedItem;
  80.             var fldr    = FileList.Folder;
  81.             var name;
  82.             var text;
  83.             var data;
  84.             var i;
  85.  
  86.             PieChart.style.display = "none";
  87.  
  88.             data = FileList.SelectedItems().Count;
  89.             if (data == 0) {
  90.                 // nothing selected?
  91.                 Info.innerHTML = L_Intro_Text;
  92.                 return;
  93.             }
  94.             else if (data > 1) {
  95.                 // more than one item selected?
  96.                 text = data + L_Multiple_Text + "<br>";
  97.                 if (data <= 16)
  98.                     for (i = 0; i < data; i++)
  99.                         text += "<br>" + FileList.SelectedItems().Item(i).Name;
  100.                 Info.innerHTML = text;
  101.                 return;
  102.             }
  103.  
  104.             // name
  105.             name = fldr.GetDetailsOf(items, 0);
  106.             text = "<b>" + name + "</b><br>";
  107.  
  108.             // type
  109.             text += fldr.GetDetailsOf(items, 1);
  110.  
  111.             // tip?
  112.             data = fldr.GetDetailsOf(items, -1);
  113.             if (data && data != name)
  114.                 text += "<br><br>" + data;
  115.  
  116.             // drive
  117.             if (PieChart.displayFile(items.Path)) {
  118.                 text += "<br><br><br>" + L_TotalSize_Text + PieChart.totalSpace;
  119.                 text += "<br><br><table bgcolor=buttonface width=12 height=12 border=1 bordercolordark=black bordercolorlight=black align=left><td></td></table> " + L_UsedSpace_Text + PieChart.usedSpace;
  120.                 text += "<br><br><table bgcolor=buttonhighlight width=12 height=12 border=1 bordercolordark=black bordercolorlight=black align=left><td></td></table> " + L_FreeSpace_Text + PieChart.freeSpace;
  121.                 PieChart.style.display = "";
  122.             }
  123.  
  124.             Info.innerHTML = text;
  125.         </script>
  126.     </head>
  127.  
  128.     <body scroll=no onload="Init()">
  129.  
  130.         <!-- start normal banner -->
  131.         <div id="Banner" style="visibility: hidden">
  132.             <!-- using a table with nowrap to prevent word wrapping -->
  133.             <table><tr><td nowrap>
  134.                 <p class=Title style="margin-left: 104px; margin-top: 16px">
  135.                 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B> " -->
  136.                 %THISDIRNAME%
  137.                 <!--webbot bot="HTMLMarkup" endspan -->
  138.             </td></tr></table>
  139.             <!-- this is more efficient than a long graphic, but we have to adjust it in FixSize() -->
  140.             <hr id="Rule" size=1px color=black style="position: absolute; top: 44px; left: 84px">
  141.             <!-- this is our awesome icon extractor -->
  142.             <object id=Icon classid="clsid:e5df9d10-3b52-11d1-83e8-00a0c90dc849">
  143.                 <param name="scale" value="200">
  144.             </object>
  145.         </div>
  146.         <!-- end normal banner -->
  147.  
  148.         <!-- start mini banner -->
  149.         <div id="MiniBanner" style="visibility: hidden">
  150.             <!-- using a table with nowrap to prevent word wrapping -->
  151.             <table><tr><td nowrap>
  152.                 <p class=Title style="margin-left: 16px; margin-top: 4px">
  153.                 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B> " -->
  154.                 %THISDIRNAME%
  155.                 <!--webbot bot="HTMLMarkup" endspan -->
  156.             </td></tr></table>
  157.         </div>
  158.         <!-- end mini banner -->
  159.  
  160.         <!-- start left info panel -->
  161.         <div id="Panel">
  162.             <p style="margin-top: 16px");
  163.             <span id="Info">
  164.             </span>
  165.  
  166.             <p>
  167.             <object id="PieChart" classid="clsid:1D2B4F40-1F10-11D1-9E88-00C04FDCAB92" style="display: none">
  168.             </object>
  169.         </div>
  170.  
  171.         <!-- end left info panel -->
  172.  
  173.         <!-- this is the standard file list control -->
  174.         <!-- webbot bot="HTMLMarkup" startspan u-src="file:///C:\Program Files\Microsoft FrontPage Express\Data\FoldData.gif" -->
  175.         <object id="FileList" border=0 tabindex=1 classid="clsid:1820FED0-473E-11D0-A96C-00C04FD705A2"
  176.         </object>
  177.         <!-- webbot bot="HTMLMarkup" endspan -->
  178.  
  179.     </body>
  180. </html>
  181.